header h1{
    background-color: rgb(0,204,203);
}
header span{
	color: white;
}
header h1 .title-font{
	float: right;
}
header h1 .title-font div{
    display: inline-block;
    padding: 0 0.5rem;
    color:rgb(227,245,245);
}
header h1 .title-font div:active{
    background-color: rgb(0,176,174);
}
.content .content-block{
	margin: 1rem 0rem;
	padding:0rem  0.2rem;
}
.content .card-header{
	height: 10rem;
	/*background-image: url("//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg");
	background-position: center center;
	background-repeat: no-repeat;*/
}
.content .card-header img{
	height: 100%;
	width: 100%;
}
.content .card-header .days-remain{
	position: absolute;
	left: 0rem;
	bottom: 0rem;
	background: rgb(225,47,69);
	color:rgb(227,245,245);
	font-size:0.7rem;
	padding: 0.1rem 0.3rem;
}
.content .card-content-inner{
	padding: 0.3rem 0.2rem;
}
/*下面两条都是设置左侧栏的宽度*/
body.with-panel-left-reveal .page{
	transform: translate3d(14rem,0,0);
}
.panel{
	width:15rem;
	background-color:rgb(28,28,28);
}
.panel .content-block{
	margin-bottom: 0rem;
}
.panel .member{
	height: 4rem;
	width: 100%;
}
.panel  .head-pic{
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	float: left;
}
.panel .member-msg{
	padding-left:0.8rem; 
	float: left;
}
.panel .member-msg .member-name{
	font-size: 1.2rem;
	color: rgb(227,245,245);
	line-height: 1;
}
.member-msg .credits{
	color: rgb(227,245,245);
	font-size:0.7rem;
	display: table;

}
.member-msg .credits div{
	display: table-cell;
	padding-right:0.5rem; 
}

.member-msg .credits .credits-icon{
	border-radius:20%;
	background:rgb(15,80,234);
	margin:0rem 0.1rem;
	padding: 0.1rem 0.2rem;
}
.member-msg .credits .icon-edit{
	background-color: red;
	border-radius:50%;
	margin:0rem 0.1rem;
	padding: 0 0.2rem;
}
.panel .function-list div{
	border: 1px solid black;
	padding: 0.75rem 0.9rem;
	color: rgb(227,245,245);
	
}